<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>发布新任务- 外咖APP任务发布平台</title>
		<link rel="shortcut icon" href="/static/img/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="/static/umeditor/themes/default/css/umeditor.css">
		<link rel="stylesheet" href="/static/layui/css/layui.css" />
		<link rel="stylesheet" href="/static/css/task.css" />
	</head>

	<body>
		<div id="page-title">
			发布新任务
		</div>
		<hr />
		<form class="layui-container layui-form body-form">
			<div class="layui-form-item">
				<div class="layui-inline">
					<div class="layui-form-label">任务名称：</div>
					<div class="layui-input-block" style="width: 274px;">
						<input type="text" id="title" lay-verify="required" class="layui-input" placeholder="请输入任务名称" />
					</div>
				</div>
				<div class="layui-inline">
					<div class="layui-form-label">截止时间：</div>
					<div class="layui-input-block" style="width: 274px;">
						<input type="text" placeholder="请输入截至时间" lay-verify="required|datetime" class="layui-input" id="deadTime" />
					</div>
				</div>
			</div>
			<br />
			<div class="layui-form-item">
				<div class="layui-inline">
					<div class="layui-form-label">任务类型：</div>
					<div class="layui-input-block" style="width: 274px;">
						<select id="jobType">
							<option value="-1">请选择任务类型</option>
							<c:forEach items="${allJobType }" var="job">
								<option value="${job.id }">${job.name }</option>
							</c:forEach>
						</select>
					</div>
				</div>
				<div class="layui-inline">
					<div class="layui-form-label">任务报酬：</div>
					<div class="layui-input-block" style="width: 274px;">
						<input type="text" placeholder="请输入金额" onkeyup="value=value.replace(/[^\d[.]/g,'')" lay-verify="required" class="layui-input" id="price" />
					</div>
				</div>
				<div class="layui-inline">元</div>
			</div>
			<br/>
			<div class="layui-form-item">
				<div class="layui-form-label">任务附件：</div>
				<div class="layui-input-block">
					<div class="layui-upload">
						<button type="button" class="layui-btn layui-btn-normal" id="annex-upload">选择附件</button> 
					  	<div class="layui-upload-list">
						    <table class="layui-table">
						    	<thead>
							        <tr>
								        <th>文件名</th>
								        <th>大小</th>
								        <th>状态</th>
								        <th>操作</th>
						      		</tr>
						      	</thead>
					      		<tbody id="fileList"></tbody>
					    	</table>
					  	</div>
					</div>
				</div>
			</div>
			<br />
			<div class="layui-form-item">
				<div class="layui-inline">
					<div class="layui-form-label">注意事项：</div>
					<div class="layui-input-block" style="width: 274px;">
						<textarea placeholder="请输入注意事项..." id="noticeContent" class="layui-textarea"></textarea>
					</div>
				</div>
				<div class="layui-inline">
					<div class="layui-form-label">效果描述：</div>
					<div class="layui-input-block" style="width: 274px;">
						<textarea placeholder="请输入效果描述..." id="resultRequire" class="layui-textarea"></textarea>
					</div>
				</div>
			</div>
			<br />
			<div class="layui-form-item">
				<div class="layui-form-label">任务备注：</div>
				<div class="layui-input-block">
					<textarea class="layui-textarea" id="remark" placeholder="请输入备注信息..."></textarea>
				</div>
			</div>
			<br />
			<div class="layui-form-item">
				<fieldset class="layui-elem-field">
					<legend id="content-title">任务内容</legend>
					<div class="layui-field-box">
						<script type="text/plain" id="contentEditor" style="width: 100%;"></script>
					</div>
				</fieldset>
			</div>
			<br />
			<div class="layui-form-item">
				<div class="layui-input-block">
					<a class="layui-hidden" id="fileListAction"></a>
					<button class="layui-btn" style="margin-left: 80%;" lay-submit lay-filter="releaseBizJobs"><!-- 提交审核 -->确认发布</button>
					<button type="reset" id="resetContent" class="layui-btn layui-btn-primary">重置</button>
				</div>
			</div>
		</form>

		<script type="text/javascript" src="/static/umeditor/third-party/jquery.min.js"></script>
		<script type="text/javascript" src="/static/umeditor/third-party/template.min.js"></script>
		<script type="text/javascript" src="/static/umeditor/umeditor.config.js"></script>
		<script type="text/javascript" src="/static/umeditor/umeditor.min.js"></script>
		<script type="text/javascript" src="/static/umeditor/lang/zh-cn/zh-cn.js"></script>
		<script type="text/javascript" src="/static/layui/layui.all.js"></script>
		<script type="text/javascript" src="/static/js/newBizJobs.js"></script>
	</body>

</html>